$(function () {
  var pageNum = 1;
  var pageSize = 2;
  function init(search) {
    $.ajax({
      type: 'get',
      url: '/getAllPost',
      data: {
        pageNum: pageNum,
        pageSize: pageSize,
        ...search
      },
      success: function (res) {
        console.log(res);
        let html = template('postsTemp', res.data);
        $('tbody').html(html);
        setPagenation(Math.ceil(res.data.total / pageSize))
      }
    })
  }
  init();
  // 实现分页功能
  function setPagenation(total) {
    // 初始化
    $('.pagination').bootstrapPaginator({
      // 配置
      bootstrapMajorVersion: 3,
      currentPage: pageNum, // 当前页码
      totalPages: total, // 总页数
      onPageClicked: function (event, originalEvent, type, page) {
        pageNum = page
        init();
      }
    })
  }
  // 加载分类数据
  $.ajax({
    type: 'get',
    url: '/getAllCate',
    success: function (res) {
      console.log(res);
      var str = '<option value="all">所有分类</option>'
      for (var i = 0; i < res.data.length; i++) {
        str += `<option value="${res.data[i].id}">${res.data[i].name}</option>`
      }
      $('.cateSelector').html(str)
    }
  })

  // 实现筛选功能
  $('.btn-search').on('click', () => {
    let obj = {
      cate: $('.cateSelector').val(),
      status: $('.statuSelector').val()
    }
    console.log(obj);
    init(obj)
  })

  //实现数据删除
  $('tbody').on('click', '.btnDel', function () {
    let id = $(this).data('id');
    if (confirm('请问是否真的需要删除？')) {
      $.ajax({
        type: 'post',
        url: '/delPostById',
        data: { id },
        dataType: 'json',
        success: function (res) {
          if (res.code == 200) {
            $('.alert-danger > span').text(res.msg)
            $('.alert-danger').fadeIn(500).delay(3000).fadeOut(500)
            // 刷新的细节
            // 1.如果当前页只有一条记录，那么删除之后就应该加载 上一页的数据
            // 2.如果当前页有多条记录，那么就直接重新加载这一页
            // 3.如果是第一页，只有一条记录，那么就给出提示
          }
        }
      })
    }

  })
})
